<template>
 <div >
    <el-container >
      <el-header>Header</el-header>
      <el-container class="main">
        <el-aside style="width: 200px;">aside</el-aside>
          <el-main>Main</el-main>
      </el-container>
      <el-footer>Footer</el-footer>
    </el-container>
  </div>
</template>

<script setup>

</script>

<style scoped>
.el-header,.el-footer {
    background-color: #DCDFE6;
}
.el-aside{
    background-color: #ccc;
}
.main{
    height: calc(100vh - 120px);
}
</style>